<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>www.小周旅团.com账户注册</title>
		<h1 align="center">注册页面</h1>
		<hr size="2px" color="black"/>
			<!--分割线标签hr,通过width值改变宽度,500px:像素;size:分割线的厚度-->
	</head>
	<body>
		<!--html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送数据到目标。
			比如最常见的注册,需要填写的资料都被封装在form里。
			填写完毕后,提交form内的内容,如果不在form内则不会提交。-->
		<!--table用于布局，以表格的形式一行一行地展示内容。
			填写资料时，页面提供的文本框、文字、按钮等可非常整齐地摆放 -->
		<!--table仅用于布局,form则用于封装数据。
			通常是一个form里嵌套table，整齐地显示无规则随意摆放的文本框-->
		<form>
			<!--form表单,表单用于传输数据,用来提交到下一页，例如登录、注册等功能-->
			<!--表格标签table。tr行；td普通列；th标题列，自动居中且加粗-->
			<table align="center" border="0px" cellspacing="20px">
				<!--border：给表格加上边框，其值为一个边框大小，默认单位为像素。-->
				<!--align="center":表格居中-->
				<!--cellpadding:内容与单元格的距离-->
				<!--cellspacing:单元格之间的距离-->
				<tr>
					<td width="100px">用户名:</td>
					<td><input type="text" name="user_name" placeholder="孙行者"></td>
					<!--input标签的 placeholder属性:未输入内容时,默认显示的灰色文字。-->
				</tr>
				<tr>
					<td width="100px">密码：</td>
					<td><input type="password" name="code" ></td>
				</tr>
				<tr>
					<td width="100px">手机号：</td>
					<td><input type="tel" name="telephone" ></td>
				</tr>
				<tr>
					<td width="100px">邮箱：</td>
					<td><input type="email" name="email" ></td>
				</tr>
				<tr>
					<td width="100px">性别：</td>
					<td>
						男<input type="radio" name="sex" value='0' checked="checked"/>&nbsp;&nbsp;
						女<input type="radio" name="sex" value="1"/>
					</td>
				</tr>
				<tr>
					<td width="100px">爱好：</td>
					<td>
						<!--checkbox（复选框）多选框-->
						<input type="checkbox" checked="checked"/>游泳
						<input type="checkbox" checked="checked"/>拳击
						<input type="checkbox" checked="checked"/>散打<br />
						<input type="checkbox" checked="checked"/>编程
						<input type="checkbox" >攀岩
						<input type="checkbox" checked="checked"/>读书
					</td>
				</tr>
				<tr>
					<td width="100px">籍贯：</td>
					<td>
						<select name="birthplace">
							<!--下拉框 selected="selected"：默认值-->
						<option value='choice'>--请选择--</option>
						<option value='jiangsu'>江苏</option>
						<option value='shanghai'>上海</option>
						<option value='peking'>北京</option>
						<option value='guangzhou'>广州</option>
						</select>
					</td>
				</tr>
				<tr>
					<td width="100px">自我介绍：</td>
					<td>
					<!--textarea多行文本框-->
					<textarea rows="10" cols="25">余幼时即嗜学。家贫，无从致书以观，每假借于藏书之家，手自笔录，计日以还。
					</textarea>
					</td>
				</tr>
				<tr>
					<td></td>
					<td><input type="checkbox" name="agree"/>同意本协议各项条款</td>
				</tr>
				<tr>
					<td></td>
					<!--提交按钮-->
					<td><input type="submit" value="注册"/></td>
				</tr>
			</table>
		</form>
	</body>
</html>

